﻿@model IEnumerable<IndignadoFramework.BackBone.Model.ConvocatoriaModel>
           
<script type="text/javascript"
	src="https://maps.google.com/maps/api/js?sensor=false">
</script>

<div id="convocatoria_mapa">
    <div id="map_canvas" style="width: 100%; height: 100%"> </div>
</div>

<script type="text/javascript">
    var map;
    var markersArray = [];
	var latlng = new google.maps.LatLng(-34.883, -56.181);
	var myOptions = {
	    zoom: 12,
	    center: latlng,
	    mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        }
	};
	map = new google.maps.Map(document.getElementById("map_canvas"),
	myOptions);

    @foreach (var item in Model) {
        <text>
            var markerlatLng = new google.maps.LatLng(@(item.ConvocatoriaUbicacionX), @(item.ConvocatoriaUbicacionY));

            var marker = new google.maps.Marker({
            position: markerlatLng,
            map: map,
            draggable: false,
            title: "@(item.ConvocatoriaTitulo)"
            });
        </text>
    }

    function centerMap(X,Y) {
        map.panTo(new google.maps.LatLng(X,Y)); 
    }
</script>

<div id="convocatoria_list">
    @if (Request.IsAuthenticated) { 
        <div id="convocatoria_crear">
	        <a href="@Url.Content("~/Convocatoria/NuevaConvocatoria")">Crear Nueva</a>
        </div>
    }
    
    @if (!Model.Any()) { 
        <h1>No hay convocatorias activas en este momento</h1>
    }

    @foreach (var convocatoria in Model)
    {
        String convocatoriaPath = @Url.Content("~/Convocatoria/ConvocatoriaDetalle") + "?convocatoriaId=" + @convocatoria.Id;
        <div class="convocatoria_item" onmouseover="centerMap(@convocatoria.ConvocatoriaUbicacionX,@convocatoria.ConvocatoriaUbicacionY)">
            <a href="@convocatoriaPath"  target="_self">@convocatoria.ConvocatoriaTitulo</a>
            <p>Descripcion: @convocatoria.ConvocatoriaDetalle</p>
            <p>Fecha de comienzo: @convocatoria.ConvocatoriaFechaInicio.ToShortDateString()</p>
            <p>Hora de comienzo: @convocatoria.ConvocatoriaFechaInicio.ToShortTimeString()</p>    
            @{
                String estado = "";
                if (convocatoria.ConvocatoriaEstado.ToString().Equals("ARealizarse"))
                {
                    estado = "A Realizarse";
                }
                else
                {
                    if (convocatoria.ConvocatoriaEstado.ToString().Equals("Suspendida"))
                    {
                        estado = "Suspendida";
                    }
                    else
                    {
                        estado = "En Desarrollo";
                    }
                }
            }
            <p>Estado: <span>@estado</span></p>
        </div>
    }
</div>